<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8" />
		<!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame
		Remove this if you use the .htaccess -->
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<title>index</title>
		<meta name="description" content="" />
		<meta name="author" content="Student26" />
		<meta name="viewport" content="width=device-width; initial-scale=1.0" />
		<script src="jquery-1.8.3.js"></script>
		<!-- Replace favicon.ico & apple-touch-icon.png in the root of your domain and delete these references -->
		<script>
			window.onload=function(){
				//javascript
				var liArray=document.getElementsByTagName("li");
				console.log("li : ", liArray.length, "개");
				
				var li_text=null;
				li_text=liArray[0].firstChild.nodeValue;
				li_text=liArray[liArray.length-1].firstChild.nodeValue;
				console.log(li_text);
				
				var li_len=liArray.length;
				while(0<li_len--){
					li_text=liArray[li_len].firstChild.nodeValue;
					console.log(li_text);
				}
				
				//jQuery
				var $h1=jQuery('h1');
				$h1.text("jQuery로 h1의 내용을 바꾸었습니다.");
				
				var $li=$("li");
				$li.
			}
		</script>
	</head>
	<body>
		<div>
			<header>
				<title>웹표준 3일</title>
				<h1>jQuery</h1>
			</header>
			<nav>
				<p>
					<a href="/">Home</a>
				</p>
				<p>
					<a href="/contact">Contact</a>
				</p>
			</nav>
			
			<div>
				<ol>
					<li>순서대로</li>
					<li>번호가 매겨지는 ol</li>
				</ol>
			</div>
			<footer>
				<p>
					&copy; Copyright  by yaong
				</p>
			</footer>
		</div>
	</body>
</html>
